<script setup lang="ts">
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import HanderView from './views/hander.vue'
import Footer from './components/footer.vue'
import Suspend from './components/suspend.vue'
</script>



<template>
  <el-config-provider :locale="zhCn">
     <div class="common-layout">
    <el-container>
      <el-header><HanderView/></el-header>
      <el-main>
        <router-view/>
        <div>
     <!-- 返回顶部按钮 -->
          <el-backtop 
            target=".el-main" 
            :right="20" 
            :bottom="20"
            class="custom-backtop"
          >
            <el-icon :size="20">
              <ArrowUp />
            </el-icon>
          </el-backtop>
  </div>
      </el-main>
      <el-footer>
        <Footer></Footer>
      </el-footer>
    </el-container>
  </div>
  </el-config-provider>
</template>

<style lang="scss" scoped>
.common-layout{
  background-color: #f9fafb;
}
</style>
